/*   scss变量   */

 

$c-bg-top: #0c3f6a;
$c-bg-menu: #063258;

$c-bg-light: #1d5a8f;
$c-bg-query: linear-gradient(360deg, rgba(23,79,128,0) 0%, rgba(56,119,175,0.4) 100%);
$c-bg-row1: #144876;
$c-bg-row2: #0f406b;
$c-bg-content: #1d5483;
$c-bg-button: #feb34c;
$c-bd-menu: #185998;
$c-bd-content: #145f96;
$c-font-table: #eee;
$c-font: #eee; 

$tips-size: 14px;
$font-size: 16px;
$title-size: 20px;

$title-color: #666666;
$font-color: #45484b;
$tips-color: #999;

$theme-color: #2f54eb;
$success-color: #52c41a;
$danger-color: #ff4d4f;
$warning-color: #faad14;

$light-bg: $c-bg-top;
$dark-bg: $c-bg-top;

$border-color: #e6e6e6;
$bg-color: $c-bg-top;

$header-height: 64px;
$menu-width: 240px;






/* ELEMENT: 改变主题色变量 */
$--color-primary: #38c3c6;

/* ELEMENT: 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';





$blue:#324157;
$light-blue:#3A71A8;
$red:#e11140;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

//sidebar
// $menuBg:#304156;
// $subMenuBg:#1f2d3d;
// $menuHover:#001528;

// TabsView：跟随主色调
// $tx-tab-border-color: $--color-primary;
// $tx-tab-background-color: $--color-primary;
// TabsView：独立色调
$tx-tab-border-color: #42b983;
$tx-tab-background-color: #42b983;



$menuBg: $c-bg-menu;
$subMenuBg: $c-bg-menu;

$tx-color-primary:$--color-primary;
$tx-background-shallow:$c-bg-query;
$tx-menu-text:#303133;
$tx-menu-hover-text:#FFFFFF; 
$tx-font-color: #666666;



$tx-head-height: 110px;
$tx-navbar-height: 0px;
$tx-tabsview-height: 0px;



$tx-color: #666666;
$tx-color-border: #e6e6e6;
$tx-color-border-dark: #666;
$tx-color-background: $c-bg-top; 
$tx-color-background-dark: #ddd; 

$tx-sidebar-width: 200px;
$tx-menu-item-height: 76px;


$tx-list-table-border: $c-bg-content;
$tx-list-table-background: $c-bg-row1;
$tx-list-table-header-color:  #eee;
$tx-list-table-header-background:  #1D5A8F;
$tx-table-border-color: #eeeeee;
$tx-tooltip-shadow: rgb(160, 180, 192);

// $c-bg-top: #0c3f6a;
// $c-bg-menu: #063258;
// $c-bg-query: #1d5a8f;
// $c-bg-row1: #144876;
// $c-bg-row2: #0f406b;
// $c-bg-content: #1d5483;
// $c-bg-button: #feb34c;
// $c-bd-menu: #165798;
// $c-bd-content: #145f96;
// $c-font-table: #eee;

